<!DOCTYPE html>
<html lang="en">

<head>
    <th:block th:include="include :: header('控制分机网络')" />
</head>

<body>
	<div class="wrapper wrapper-content">
	            <div class="panel blank-panel">

                    <div class="panel-heading">
                        <div class="panel-title m-b-md">
                            <h4>控制分机网络</h4>
                        </div>
                        <div class="panel-options">

                            <ul class="nav nav-tabs">
                                <li class="active"><a data-toggle="tab" href="#tab-4"><i class="fa fa-laptop"></i></a>
                                </li>
                                <li class=""><a data-toggle="tab" href="#tab-5"><i class="fa fa-signal"></i></a>
                                </li>
                            </ul>
                        </div>
                    </div>

                    <div class="panel-body">
                        <div class="tab-content">
                            <div id="tab-4" class="tab-pane active">
                                <h4 class="form-header h4">网络信息</h4>
									 <div th:each="netDevice:${netJson.data.result}">
	                                <p>网卡名称：[[${netDevice.metric.device}]]</p>
	                                <p>MAC地址：[[${netDevice.metric.address}]]</p>
	                                <p>IP地址：[[${netDevice.metric.deviceIp}]]</p>
	                                <p>网卡状态：[[${netDevice.metric.operstate}]]</p>
	                                <hr>
                                </div>
                            </div>

                            <div id="tab-5" class="tab-pane">
                                <h4 class="form-header h4">网络配置</h4>

                                <form id="form" action="#" class="wizard-big">
							
									<div class="row">
										<div class="col-sm-12">
											<div class="form-group">
				                                <label class="col-sm-3 control-label">选择网卡设备：</label>
				                                <div class="col-sm-8">
				                                    <select class="form-control m-b" name="account">
				                                        <option>VMware Network Adapter VMnet1</option>
				                                        <option>VMware Network Adapter VMnet2</option>
				                                    </select>
				                                </div>
				                            </div>
									    </div>
		                            </div>
		                            
		                            <div class="row">
										<div class="col-sm-12">
											<div class="form-group">
				                                <label class="col-sm-3 control-label">IP地址：</label>
				                                <div class="col-sm-8">
				                                    <input id="firstname" name="firstname" class="form-control" type="text">
				                                </div>
				                            </div>
									    </div>
		                            </div>
		                            
		                            <div class="row">
										<div class="col-sm-12">
											<div class="form-group">
				                                <label class="col-sm-3 control-label">子网掩码：</label>
				                                <div class="col-sm-8">
				                                    <input id="firstname" name="firstname" class="form-control" type="text">
				                                </div>
				                            </div>
									    </div>
		                            </div>
		                            
		                            <div class="row">
										<div class="col-sm-12">
											<div class="form-group">
				                                <label class="col-sm-3 control-label">默认网关：</label>
				                                <div class="col-sm-8">
				                                    <input id="firstname" name="firstname" class="form-control" type="text">
				                                </div>
				                            </div>
									    </div>
		                            </div>
		                            
		                            <div class="row">
										<div class="col-sm-12">
											<div class="form-group">
				                                <label class="col-sm-3 control-label">DNS：</label>
				                                <div class="col-sm-8">
				                                    <input id="firstname" name="firstname" class="form-control" type="text">
				                                </div>
				                            </div>
									    </div>
		                            </div>
		                            
		                        </form>
		                        
                            </div>
                        </div>

                    </div>

                </div>
		</div>

	<th:block th:include="include :: footer" />

</body>

</html>